<mat-card class="margin-bottom-m dashboard-card">
  <mat-card-title class="d-flex align-items-center justify-content-between">
    <div class="d-flex align-items-center justify-content-start">
      {{ 'dashboard.body.panel_title.CRITICAL_SECURITY_EVENT' | translate }}
    </div>
    <app-panel-instruction-curtain
      class="d-flex align-items-center justify-content-end"
      [instructions]="instructions"
    >
    </app-panel-instruction-curtain>
  </mat-card-title>
  <app-security-events-chart
    *ngIf="dashboardSecurityEventsService.securityEventSummary"
    [securityEventSummary]="dashboardSecurityEventsService.securityEventSummary"
  >
  </app-security-events-chart>
</mat-card>
